<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
<title>主页</title>
<link href="library/wx/css/weuix.min.css" rel="stylesheet" type="text/css"/>
<link href="css/index.css" rel="stylesheet" type="text/css"/>
<script src="library/wx/js/zepto.min.js"></script>
<script type="text/javascript">
$(function(){
  $('.weui_tab').tab({
    defaultIndex: 0,
    activeClass:'weui_bar_item_on',
    onToggle:function(index){
      if(index>0){
        //alert(index)
      }
    }
  });
});
</script>
</head>

<body ontouchstart  class="page-bg">
<!--<div class="weui-header bg-blue weui-header-fixed-top"> 
  <h1 class="weui-header-title">首页</h1>
</div>-->
<div class="wx-had-content">
  <div class="weui_grids grids-small">
    <a href="www.baidu.com" class="grid"  >
        <div class="weui_grid_icon">
            <img src="images/ico/icon_nav_button.png" alt="">
        </div>
        <p class="weui_grid_label">
            公告
        </p>
    </a>
    <a href="javascript:;" class="grid" >
        <div class="weui_grid_icon">
            <img src="images/ico/icon_nav_cell.png" alt="">
        </div>
        <p class="weui_grid_label">
            邮箱
        </p>
    </a>
    <a href="javascript:;" class="grid" >
        <div class="weui_grid_icon">
            <img src="images/ico/icon_nav_toast.png" alt="">
        </div>
        <p class="weui_grid_label">
            日报
        </p>
    </a>
    <a href="javascript:;" class="grid" >
        <div class="weui_grid_icon">
            <img src="images/ico/icon_nav_dialog.png" alt="">
        </div>
        <p class="weui_grid_label">
              值周
        </p>
    </a>
    <a href="javascript:;" class="grid"  >
        <div class="weui_grid_icon">
            <img src="images/ico/icon_nav_button.png" alt="">
        </div>
        <p class="weui_grid_label">
            考勤
        </p>
    </a>
    <a href="javascript:;" class="grid" >
        <div class="weui_grid_icon">
            <img src="images/ico/icon_nav_cell.png" alt="">
        </div>
        <p class="weui_grid_label">
            日程
        </p>
    </a>
    <a href="javascript:;" class="grid" >
        <div class="weui_grid_icon">
            <img src="images/ico/icon_nav_toast.png" alt="">
        </div>
        <p class="weui_grid_label">
            工作计划
        </p>
    </a>
    <a href="javascript:;" class="grid" >
        <div class="weui_grid_icon">
            <img src="images/ico/icon_nav_dialog.png" alt="">
        </div>
        <p class="weui_grid_label">
             工资查询
        </p>
    </a>
    <a href="javascript:;" class="grid"  >
        <div class="weui_grid_icon">
            <img src="images/ico/icon_nav_button.png" alt="">
        </div>
        <p class="weui_grid_label">
            活动
        </p>
    </a>
    <a href="javascript:;" class="grid" >
        <div class="weui_grid_icon">
            <img src="images/ico/icon_nav_cell.png" alt="">
        </div>
        <p class="weui_grid_label">
            课表
        </p>
    </a>
    <a href="javascript:;" class="grid" >
        <div class="weui_grid_icon">
            <img src="images/ico/icon_nav_toast.png" alt="">
        </div>
        <p class="weui_grid_label">
            教务
        </p>
    </a>
    <a href="javascript:;" class="grid" >
        <div class="weui_grid_icon">
            <img src="images/ico/icon_nav_dialog.png" alt="">
        </div>
        <p class="weui_grid_label">
             报修
        </p>
    </a>
  </div>
</div>

<div class="tab-bottom" >
<div class="weui_tabbar ">
                <a href="?t=mess" class="weui_tabbar_item weui_bar_item_on">
                    <div class="weui_tabbar_icon">
                        <img src="images/ico/icon_nav_button.png" alt="">
                    </div>
                    <p class="weui_tabbar_label">消息</p>
                </a>
                <a href="javascript:;" class="weui_tabbar_item">
                    <div class="weui_tabbar_icon">
                        <img src="images/ico/icon_nav_msg.png" alt="">
                    </div>
                    <p class="weui_tabbar_label">通讯录</p>
                </a>
                <a href="javascript:;" class="weui_tabbar_item">
                    <div class="weui_tabbar_icon">
                        <img src="images/ico/icon_nav_article.png" alt="">
                    </div>
                    <p class="weui_tabbar_label">发现</p>
                </a>
                <a href="?t=my" class="weui_tabbar_item">
                    <div class="weui_tabbar_icon">
                        <img src="images/ico/icon_nav_cell.png" alt="">
                    </div>
                    <p class="weui_tabbar_label">我</p>
                </a>            
</div>
</div>
</body>
</html>
